<!DOCTYPE html>
<html lang="en" xmlns="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>今日挑战 - Happy Study</title>
    <meta name="keywords" content="Happy Study，快乐学习，开心学习，Java、C++、Python，在线平台，在线笔记，笔记平台，在线Java题库，Java自学平台">
    <meta name="description" content="Happy Study - Java、C++、Python、小程序等主流语言自学平台主流计算机语言在线自学平台">
    <link rel="shortcut icon" th:href="@{/images/favicon.ico}">
    <link rel="stylesheet" type="text/css" th:href="@{/layui/css/layui.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/all.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/main.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/paperList.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/course.css}">
    <script type="text/javascript" th:src="@{/js/jquery-3.3.1.min.js}"></script>
    <script type="text/javascript" th:src="@{/layui/layui.js}"></script>
    <script type="text/javascript" th:src="@{/js/index.js}"></script>
    <script type="text/javascript" th:src="@{/js/main.js}"></script>
    <script type="text/javascript" th:src="@{/js/util.js}"></script>
    <script type="text/javascript" th:src="@{/js/paperList.js}"></script>
</head>
<body>
<div class="main-div">
    <div th:replace="~{commons::headerbar(active='paperList')}"></div>
    <!--课程列表-->
    <div class="content course-center">
        <div class="course-option">
            <div class="course-type option-item">
                <div class="title">课程</div>
                <div class="option-text-items category-option-item">
                    <span class="item-text" data-category-id="0" data-label="category_id">全部</span>
                    <!--动态添加课程类目-->
                </div>
            </div>
            <div class="course-type option-item">
                <div class="title">等级</div>
                <div class="option-text-items">
                    <span class="item-text" data-level="0" data-label="level">全部</span>
                    <span class="item-text" data-level="1" data-label="level">一级</span>
                    <span class="item-text" data-level="2" data-label="level">二级</span>
                    <span class="item-text" data-level="3" data-label="level">三级</span>
                    <span class="item-text" data-level="4" data-label="level">四级</span>
                    <span class="item-text" data-level="5" data-label="level">五级</span>
                </div>
            </div>
        </div>
        <!--试题列表-->
        <div class="paper-lists">
            <div class="list-tab">
                <div class="list-tab__title">综合排序</div>
                <div class="list-tab__right-bar">
                    <div class="right-bar__text"></div>
                </div>
            </div>
            <div class="exam-lists" id="paperList">
                <!--动态组装试题-->
            </div>
        </div>
    </div>
    <div th:replace="~{commons::footerbar}"></div>
</div>
</body>
</html>
